利用HBuilderX新建less文件并配置less插件实现自动编译生产css文件

1、首先在菜单栏的工具选项卡中找到插件安装，点击插件安装，详细步骤如下图

 点击“使用HBuilderX导入插件”，如果没有登录，请注册帐号或者使用已经注册过的帐号进行登录即可完成下载。

2、安装完成less插件之后，再次打开HBuilderX中的工具选项卡，找到对应的package.json文件打开。

 找到onDidSaveExecution属性，将其对应的值改为true即可完成less插件的配置。

完成上述步骤之后，重启HBuilderX，即可完成less插件的自动编译生成CSS文件。

3、新建less文件，点击新建——>自定义文件，将文件的后缀名改为less即可。完成代码的书写之后，点击保存，即可生成对应的CSS文件